@mixin button {
  cursor: pointer;
  &:active {
    background-color: #F5F5F5;
  }
}

@mixin global-background-color() {
  border-left: 3000rpx solid #47A86C;
  [theme='1'] & {
    border-left: 3000rpx solid #47A86C;
  }
  [theme='2'] & {
    border-left: 3000rpx solid #769FCD;
  }
  [theme='3'] & {
    border-left: 3000rpx solid #6BC5D2;
  }
  [theme='4'] & {
    border-left: 3000rpx solid #F9B8BE;
  }
  [theme='5'] & {
    border-left: 3000rpx solid #A5E9DB;
  }
  [theme='6'] & {
    border-left: 3000rpx solid #F9B8BE;
  }
  [theme='7'] & {
    border-left: 3000rpx solid #6BC5D2;
  }
  [theme='8'] & {
    border-left: 3000rpx solid #254B62;
  }
  [theme='9'] & {
    border-left: 3000rpx solid #B793E6;
  }
  [theme='10'] & {
    border-left: 3000rpx solid #4E4E6A;
  }
  [theme='11'] & {
    border-left: 3000rpx solid #A3C6C4;
  }
  [theme='12'] & {
    border-left: 3000rpx solid #769FCD;
  }
  [theme='13'] & {
    border-left: 3000rpx solid #F2A379;
  }
  [theme='14'] & {
    border-left: 3000rpx solid #FCBAD3;
  }
  [theme='15'] & {
    border-left: 3000rpx solid #F38181;
  }
  [theme='16'] & {
    border-left: 3000rpx solid #808B97;
  }
  [theme='17'] & {
    border-left: 3000rpx solid #A3DE83;
  }
  [theme='18'] & {
    border-left: 3000rpx solid #DF654A;
  }
  [theme='19'] & {
    border-left: 3000rpx solid #F76B8A;
  }
  [theme='20'] & {
    border-left: 3000rpx solid #B0757C;
  }
  [theme='21'] & {
    border-left: 3000rpx solid #90A4AE;
  }
  [theme='22'] & {
    border-left: 3000rpx solid #00649F;
  }
  [theme='23'] & {
    border-left: 3000rpx solid #78BBE6;
  }
  [theme='24'] & {
    border-left: 3000rpx solid #A6D0E4;
  }
}


@mixin global-header-background-color(){
  background-color: #47A86C;
  [theme='1'] & {
    background-color: #47A86C;
  }
  [theme='2'] & {
    background-color: #769FCD;
  }
  [theme='3'] & {
    background-color: #6BC5D2;
  }
  [theme='4'] & {
    background-color: #F9B8BE;
  }
  [theme='5'] & {
    background-color: #A5E9DB;
  }
  [theme='6'] & {
    background-color: #F9B8BE;
  }
  [theme='7'] & {
    background-color: #6BC5D2;
  }
  [theme='8'] & {
    background-color: #254B62;
  }
  [theme='9'] & {
    background-color: #B793E6;
  }
  [theme='10'] & {
    background-color: #4E4E6A;
  }
  [theme='11'] & {
    background-color: #A3C6C4;
  }
  [theme='12'] & {
    background-color: #769FCD;
  }
  [theme='13'] & {
    background-color: #F2A379;
  }
  [theme='14'] & {
    background-color: #FCBAD3;
  }
  [theme='15'] & {
    background-color: #F38181;
  }
  [theme='16'] & {
    background-color: #808B97;
  }
  [theme='17'] & {
    background-color: #A3DE83;
  }
  [theme='18'] & {
    background-color: #DF654A;
  }
  [theme='19'] & {
    background-color: #F76B8A;
  }
  [theme='20'] & {
    background-color: #B0757C;
  }
  [theme='21'] & {
    background-color: #90A4AE;
  }
  [theme='22'] & {
    background-color: #00649F;
  }
  [theme='23'] & {
    background-color: #78BBE6;
  }
  [theme='24'] & {
    background-color: #A6D0E4;
  }
}

